<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>茶杯狐-发电</title>
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/support.css">
    <link rel="shortcut icon" type="text/css" href="../icon/icon.png">
</head>

<body class="flex">

    <!-- 顶部栏 Start-->
    <div class="header">
        <div class="back">        
            <a href="./movie.html"><span class="iconfont icon-back"></span></a>
            <a href="./home.html">
                <span class="iconfont icon-home"></span>
            </a>
        </div>
        <p>赞助茶杯狐</p>
    </div>
    <!-- 顶部栏 end -->

    <!-- banner部分 Start-->
    <div class="banner">
        <img src="../img/0.webp" alt="图片加载失败">
    </div>
    <!-- banner部分 end -->

    <!-- 内容部分 Start-->
    <div class="body">
        <div class="plan-title">
            - 赞助方案 -
        </div>
        <div class="plan-card">
            <div class="tobe">成为赞助者</div>
            <div class="choice">
                <div class="tab">
                    <input checked type="radio" name="vip" id="month">
                    <label for="month">
                        <p>1个月</p>
                        <div class="price">￥5</div>
                    </label>
                    <div class="check"><span class="iconfont icon-checked"></span></div>
                </div>
                <div class="tab">
                    <input type="radio" name="vip" id="half-year">
                    <label for="half-year">
                        <p>6个月</p>
                        <div class="price">
                            ￥28
                            <div class="drop">￥30</div>
                        </div>
                        <div class="percent">-6%</div>
                    </label>
                    <div class="check"><span class="iconfont icon-checked"></span></div>
                </div>
                <div class="tab">
                    <input type="radio" name="vip" id="year">
                    <label for="year">
                        <p>1年</p>
                        <div class="price">
                            ￥54
                            <div class="drop">￥60</div>
                        </div>
                        <div class="percent">-10%</div>
                    </label>
                    <div class="check"><span class="iconfont icon-checked"></span></div>
                </div>
            </div>
            <div class="txt">感谢支持~茶杯狐会继续努力让找电影变得更简单!</div>
        </div>
        <div class="why border-shadow">
            <h2>为什么要做茶杯狐？</h2>
            <p>相信大家都有遇到过一些片子不知道在哪个网站上可以观看，用普通搜索引擎总是搜不到满意的结果。茶杯狐就是一个能够聚合全网最新优质影视资源的网站，<i>让大家能更方便的找到自己想要的资源。</i></p>
        </div>
        <div class="help border-shadow">
            <h2>为什么需要赞助？</h2>
            <p><i>茶杯狐“团队”其实只有我一个人。</i>很多人都不敢相信，但我确实花了很多时间在茶杯狐上面，几年前我还在上大学的时候就开始做了，之后一直作为一个业余项目开发维护至今。
                能坚持这么多年也是很不容易的，期间遇到的各种困难我都一一克服了。<i>然而，维持网站的运行需要支出高昂的服务器和带宽费用。
                    随着访问量的增加，我逐渐难以负担。为了能继续坚持下去，我不得不寻求大家的帮助。感谢所有为茶杯狐发电的朋友们！ 人人为我，我为人人。茶杯狐未来会继续努力让找电影变得简单！</i></p>
        </div>
        <div class="promise">
            <div class="title">- 我会努力做到 -</div>
            <div class="content">
                <div class="item">
                    <span class="iconfont icon-selected"></span>
                    <p>聚合全网最优质的资源</p>
                </div>
                <div class="item">
                    <span class="iconfont icon-update"></span>
                    <p>每天实时更新与维护</p>
                </div>
                <div class="item">
                    <span class="iconfont icon-charge"></span>
                    <p>所有资源永久免费</p>
                </div>
                <div class="item">
                    <span class="iconfont icon-clean"></span>
                    <p>页面整洁无劣质广告</p>
                </div>
            </div>
        </div>
        <div class="other">
            <div class="title">有其他支持茶杯狐的方式吗？</div>
            <p>大家也可以在茶杯狐的<a href="">优惠券平台</a>（点击跳转） 领券购物支持茶杯狐，这是一个聚合了淘宝、京东和拼多多优惠券的平台，可以直接通过商品名搜优惠券，非常方便！</p>
        </div>
    </div>
    <!-- 内容部分 end -->

    <!-- 底部栏部分 Start-->
    <div class="footer">
        <p>￥5</p>
        <a href="./pay.html">赞助茶杯狐</a>
    </div>
    <!-- 底部栏部分 end -->

</body>

</html>